<!--<div ng-include="'app/business/personalcenterhead/views/oneself.html'"></div>-->
<div class="f-nav-detail">
    <detail-nav></detail-nav>
</div>
<person-center conf-onself="false" other-id="otherUserId" ng-if="otherUserId"></person-center>
<div class="center-nav" >
<div class="center-nav-container clearfix">
    <p class="center-nav-left">
        <a >Ta的工程界</a>
    </p>
    <p class="center-nav-right">
        <a  ng-click="jumpToBlog('othersBlog')">Ta的博文</a>
    </p>
</div>
</div>
<div class="f-mine-center">
    <div class="f-mine-center-container clearfix">
    <div class="left">
      <ul>
          <li><a  ng-click="goOthersMainPage('othersMainPage')">Ta的工程界</a></li>
          <li ng-repeat="item in leftNav " ng-class="{true:'checked',false:'noChecked'}[routerToStateName == item.state]" ><a ng-bind="item.title" ng-click="changeView(item)"></a></li>
      </ul>
    </div>
        <div ui-view></div>
    </div>
</div>
<div ng-include="'app/business/common/footer.html'"></div>
<style>
    .border-bottom{
        border-bottom: 1px solid #E1DEDA;
    }
    .center-nav{
        width:100%;
        height:50px;
        background: #fff;
    }
  .center-nav-container{
      width:1200px;
      margin:0 auto;
      height:50px;
  }
    .center-nav-container  .center-nav-left{
        float:left;
    }
    .center-nav-container  .center-nav-right{
        float:right;
    }
    .center-nav-container  .center-nav-left a,.center-nav-container  .center-nav-right a{
        display: block;
        font-size: 16px;
        line-height: 50px;
        margin-right: 40px;
        /*font-weight: bold;*/
    }
    .center-nav-container  .center-nav-right a{
        float:left;

    }
    .center-nav-container  .center-nav-right a:hover{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }
    .center-nav-right a:hover{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }
    .center-nav-left a{
        border-bottom: 2px solid #00AAFE;
        color:#00AAFE;
    }

    /*center */
    .f-mine-center {
        width:100%;
        padding-top:20px;
        padding-bottom:50px;
        background:#F5F5F3;
    }

    .f-mine-center-container{
        width:1200px;
        margin:0 auto;
    }
    .f-mine-center-container .left{
        width:202px;
        background:#fff;
    }
    .f-mine-center-container .noChecked{
        height:50px;
        background:#fff;
    }
    .f-mine-center-container .left ul li a{
        display: block;
        line-height: 50px;
        font-size:14px;
        padding-left:30px;
    }

    .f-mine-center-container .left ul li.checked{

        background: #F5F5F3;
        text-decoration: underline;
    }
    .f-mine-center-container .left ul li.checked>a{
        color:#00AAFE;
    }
    .left{
        float:left;
    }
    .left ul {
        border:1px solid #ddd;
    }





</style>